<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	 <style>
    li {
        display: block;
        float: left;
        width: 50px;
        height: 60px;
        border-radius: 50%;
        background-color: violet;
        text-align: center;
        line-height: 50px;
        margin: 15px;
        box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15);
    }

    a {
        color: white;
        text-decoration: none;
    }
    </style>
	<title>导航栏</title>
    <h1>期末作业</h1>
	
	<ul>
		
	
	<li><a href="http://dkla.gitee.io/third_assignments/06/beijing.html" target="showframe">地图</a></li>
	<li><a href="http://dkla.gitee.io/third_assignments/final/hzp.html" target="showframe">气泡图</a></li>
	
	

	</ul>

</head>
<body>

</body>
</html>
